@import "~themes/vars.less";
.drop_item {
  // padding: 0.5rem 1rem; // margin-bottom: .5rem;
  padding: 8px;
  margin: 8px 0 0 8px;
  cursor: move;
  font-size: 14px;
  border: 1px dashed transparent;
  border-radius: 4px;
  .item_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    color: @color-base;
  }
  .item_title {
    display: inline-block;
  }
  .delete {
    display: none;
    cursor: pointer;
    &:hover {
      color: @color-primary;
    }
  }
}

.drop_item_active,
.drop_item:hover {
  background: #F5F5F5;
  border: 1px dashed rgba(0, 0, 0, 0.25);
  .delete {
    display: block;
  }
}

.small_size {
  overflow: hidden;
}